<!--<template>-->
    <!--<element-main>-->
        <!--&lt;!&ndash; 查询功能&ndash;&gt;-->
        <!--<template>-->
            <!--<element-search :searchForm="searchForm" :isSearch="true" :vm="this">-->
                <!--<el-button type="primary" icon="el-icon-edit" title="修改" circle @click="onEdit"></el-button>-->
                <!--<el-button type="success" icon="el-icon-plus" circle title="新增" @click="onAdd"></el-button>-->
                <!--<el-button type="danger" icon="el-icon-delete" circle title="删除" @click="onDelete"></el-button>-->
            <!--</element-search>-->
        <!--</template>-->
        <!--&lt;!&ndash;表格列表 &ndash;&gt;-->
        <!--<element-table :api="api" :tableHeader="tableHeader" id="productTable" ref="element_table" :params="searchForm"-->
                       <!--border highlight-current-row @current-change="onCurrentChange">-->
            <!--&lt;!&ndash;<el-table-column label="操作">-->
                <!--<template slot-scope="scope">-->
                    <!--<el-button size="mini" type="danger" @click="onDelete(scope.$index, scope.row)">删除</el-button>-->
                <!--</template>-->
            <!--</el-table-column>&ndash;&gt;-->
        <!--</element-table>-->

        <!--&lt;!&ndash;弹出编辑框&ndash;&gt;-->
        <!--<el-dialog :title="editTitle" top="3%" :visible.sync="dataDialog.visible" class="standard-dialog">-->
            <!--<el-form :model="dataDialog.data" :rules="dataDialog.rules" ref="dataDialogForm" label-width="100px" :disabled="dataDialog.disabled">-->
                <!--<el-form-item label="编号：" prop="id">-->
                    <!--<el-input type="text" v-model="dataDialog.data.id"></el-input>-->
                <!--</el-form-item>-->
                <!--<el-form-item label="名称：" prop="userName">-->
                    <!--<el-input type="text" v-model="dataDialog.data.userName"></el-input>-->
                <!--</el-form-item>-->
                <!--<el-form-item label="厂家：" prop="password">-->
                    <!--<el-input type="text" v-model="dataDialog.data.password"></el-input>-->
                <!--</el-form-item>-->
            <!--</el-form>-->
            <!--<span slot="footer" class="dialog-footer">-->
                <!--<el-button type="primary" icon="el-icon-check" @click="saveData" title="保存"></el-button>-->
                <!--<el-button @click="resetProductMes()" icon="el-icon-refresh" title="重置"></el-button>-->
            <!--</span>-->
        <!--</el-dialog>-->

        <!--&lt;!&ndash; 详情侧边栏&ndash;&gt;-->
        <!--<div id="detailSlider">-->
            <!--<transition name="detail-slider">-->
                <!--<div class="detail-slider" id="sliders" v-show="detailSlider.visible">-->
                    <!--&lt;!&ndash;功能区&ndash;&gt;-->
                    <!--<div class="detail-slider-header">-->
                        <!--&lt;!&ndash;收起关闭按钮&ndash;&gt;-->
                        <!--<span class="el-icon-arrow-right detail-slider-close"-->
                              <!--@click="detailSliderCloseButton(false)"></span>-->
                        <!--&lt;!&ndash;功能按钮&ndash;&gt;-->
                        <!--&lt;!&ndash;<el-button type="warning" @click="onEdit()">修改</el-button>&ndash;&gt;-->
                    <!--</div>-->
                    <!--&lt;!&ndash;详情内容区域&ndash;&gt;-->
                    <!--<div class="detail-slider-content">-->
                        <!--<table class="detailTable">-->
                            <!--<tr>-->
                                <!--<td align="left">编号：</td>-->
                                <!--<td>-->
                                    <!--<el-input prop="id" v-model="detailSlider.data.id" style="width:400px"-->
                                              <!--placeholder="编号"></el-input>-->
                                <!--</td>-->
                            <!--</tr>-->
                            <!--<tr>-->
                                <!--<td align="left">用户名称：</td>-->
                                <!--<td>-->
                                    <!--<el-input prop="userName" v-model="detailSlider.data.userName" style="width:400px"-->
                                              <!--placeholder="用户名称"></el-input>-->
                                <!--</td>-->
                            <!--</tr>-->
                            <!--<tr>-->
                                <!--<td align="left">密码：</td>-->
                                <!--<td>-->
                                    <!--<el-input prop="password" v-model="detailSlider.data.password" style="width:400px"-->
                                              <!--placeholder="密码"></el-input>-->
                                <!--</td>-->
                            <!--</tr>-->
                            <!--<tr>-->
                                <!--<td align="left">手机号：</td>-->
                                <!--<td>-->
                                    <!--<el-input prop="phone" v-model="detailSlider.data.phone" style="width:400px"-->
                                              <!--placeholder="手机号"></el-input>-->
                                <!--</td>-->
                            <!--</tr>-->
                        <!--</table>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</transition>-->
        <!--</div>-->
    <!--</element-main>-->
<!--</template>-->
<!--<script>-->
    <!--import operate from 'operate';-->

    <!--export default {-->
        <!--data: function () {-->
            <!--return {-->
                <!--editTitle: "详情编辑框",-->
                <!--api: "/auth/user/all",//产品列表api-->
                <!--tableHeader: [-->
                    <!--{"prop": "id", "label": "编号"},-->
                    <!--{"prop": "userName", "label": "用户名称"},-->
                    <!--{"prop": "password", "label": "密码"},-->
                    <!--{"prop": "phone", "label": "手机号"}-->
                <!--],-->
                <!--isDelete: true,//是否开启删除功能-->
                <!--detailSlider: {//详情-->
                    <!--visible: false, //显示开关-->
                    <!--data: {}//详情的尸体对象-->
                <!--},-->
                <!--searchForm: {//查询条件-->
                    <!--name: ""-->
                <!--},-->
                <!--//产品信息编辑对话框-->
                <!--dataDialog: {-->
                    <!--visible: false, //显示开关-->
                    <!--data: {},//传参数据-->
                    <!--rules: {-->
                        <!--id: [{required: true, message: '请输入名称', trigger: 'blur'}],-->
                        <!--userName: [{required: true, message: '请输入用户名', trigger: 'blur'}],-->
                        <!--password: [{required: true, message: '请输入密码', trigger: 'blur'}]-->
                    <!--},-->
                    <!--disabled:false //是否禁用-->
                <!--},-->
            <!--};-->
        <!--},-->
        <!--mounted: function () {-->
        <!--},-->
        <!--methods: {-->
            <!--resetProductMes() {-->
                <!--this.$refs.dataDialogForm.resetFields();-->
            <!--},//重置表单-->
            <!--reloadData() {//刷新数据-->
                <!--this.$refs.element_table.loadData();-->
            <!--},-->
            <!--onCurrentChange(data) {-->
                <!--this.dataDialog.data = data;-->
            <!--},-->
            <!--onDelete() {//调用删除产品接口-->
                <!--var that = this;-->
                <!--if (JSON.stringify(this.dataDialog.data).length === 2) {-->
                    <!--operate.errorPage("error", "请先选择删除数据", true);-->
                <!--} else {-->
                    <!--operate.operateDelete(that, that.dataDialog.data.id, api.DELETE_USER,that.deleteSuccessCallBack,that.deleteFailCallBack);-->
                <!--}-->
            <!--},-->
            <!--deleteSuccessCallBack(){//删除成功回调-->
                <!--this.reloadData();//调用table组件获取数据方法-->
                <!--this.dataDialog.data ={};-->
            <!--},-->
            <!--deleteFailCallBack(){//删除失败回调-->

            <!--},-->
            <!--saveData() {//保存产品-->
                <!--this.$refs['dataDialogForm'].validate((valid) => {//element表单验证-->
                    <!--if (valid) {//如果验证通过-->
                        <!--operate.operateSave(api.DEMO_SAVE_PRODUCT, this.dataDialog.data,this.saveDataSuccessCallBack,this.saveDataFailCallBack);-->
                    <!--} else {-->
                        <!--return false;-->
                    <!--}-->
                <!--});-->
            <!--},-->
            <!--onAdd() {//点击新增产品-->
                <!--this.dataDialog.data={};-->
                <!--this.editTitle = "新增产品";-->
                <!--this.dataDialog.visible = true;-->
            <!--},-->
            <!--saveDataSuccessCallBack(){//保存成功回调函数-->
                <!--this.dataDialog.visible = false;-->
                <!--this.reloadData();//刷新列表页面-->
            <!--},-->
            <!--saveDataFailCallBack(){//保存失败回调函数-->
                <!--this.dataDialog.visible = true;-->
            <!--},-->
            <!--onEdit() {//点击编辑按钮-->
                <!--if (JSON.stringify(this.dataDialog.data).length === 2) {-->
                    <!--operate.errorPage("error", "请先选择修改数据", true);-->
                <!--} else {-->
                    <!--this.editTitle = "编辑产品";-->
                    <!--this.dataDialog.visible = true;-->
                <!--}-->
            <!--},-->
        <!--}-->
    <!--};-->
<!--</script>-->

